<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Handbag</title>
<meta name="description" content="Handbag" />

<script src="../../../assets/js/jquery-1.4.4.min.js"></script>

<style>
*{margin:0px; padding:0px;font-family:arial;font-size:12px}
    .container {
        width:900px;
        margin:auto;
    }
</style>
</head>
<body>
<div class="container">
  
<!--PRODUCT DETAIL WIDGET [slug:product_detail, library:0, widget instance:1]-->
  <div id="product_detail_wi_1" class="product_detail_0">
  <!--Load css of widget-->
  <link href="product_detail_0.css" media="screen" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" type="text/css" href="js/tinycarousel.css" />
  <script src="js/jquery.tinycarousel.min.js" type="text/javascript" charset="utf-8"></script>
	<div id="info_product">
		<div id="info_product_left">
			 <script type="text/javascript">
                                $(document).ready(function(){
                           $('.product_detail_0 .slider1').tinycarousel();	
                              $(".img_thumb").click(function(){ 
                              	var attr= $(this).attr('href');
                              	$('#product_detail_wi_1 #img_product .grand_img').attr('src',attr);
                              	return false;
                               });
                                });
	</script>
	
		<div id="img_product"><a href="p1.jpg" ><img src="p1.jpg" alt=""/></a></div>
	<div class="slider1 list_img" >
		   <a class="buttons prev" href="#">left</a>
		   <div class="viewport">
             <ul class="overview">
			<li><a class="img_thumb" href="p1.jpg" rel="image_group"><img src="p1.jpg" alt=""/></a></li>
			<li><a class="img_thumb" href="p2.jpg" rel="image_group"><img src="p2.jpg" alt=""/></a></li>
			<li><a class="img_thumb" href="p1.jpg" rel="image_group"><img src="p1.jpg" alt=""/></a></li>
			<li><a class="img_thumb" href="p1.jpg" rel="image_group"><img src="p1.jpg" alt=""/></a></li>
			<li><a class="img_thumb" href="p1.jpg" rel="image_group"><img src="p1.jpg" alt=""/></a></li>
			<li><a class="img_thumb" href="p1.jpg" rel="image_group"><img src="p1.jpg" alt=""/></a></li>
			<li><a class="img_thumb" href="p1.jpg" rel="image_group"><img src="p1.jpg" alt=""/></a></li>
			<li><a class="img_thumb" href="p1.jpg" rel="image_group"><img src="p1.jpg" alt=""/></a></li>
		</ul>
		</div>
		 <a class="buttons next" href="#">right</a>
	</div>	
	</div>
	<!--END info_product_left-->	
		<div id="info_product_right">
		<div id="title_product">eGo-C A type atomizer pack</div>
		<div class="resume_product">Dans un paquet retrouvé une e-cigarette + chargeur USB + 3 filtres.</div>
		<div class="stock_product">Disponibilité : En stock !</div>
		<div class="block_info_product">
			<div class="ref">Référence : 001752</div>
			<table id="table_attribut">
			<tr>
				<td width="100px"><span class="attribut_product">Couleur</span></td><td>
					<select name="color">
						<option value="1">blue</option>
						<option value="1">blue</option>
						<option value="1">blue</option>
						<option value="1">blue</option>
					</select>
				</td>
			</tr>
			<tr>
				<td><span class="attribut_product">Quantité</span></td><td>
					<select name="color">
						<option value="1">1</option>
						<option value="2">2</option>
						<option value="3">3</option>
						<option value="4">4</option>
					</select>
				</td>

		</table>
		</div>
		<!--END block_info_product-->
		
		<div class="block_info_product">
			<table>
				<tr>
					<td width="176px">
						<div class="old_price">24,50 €</div>
						<div class="price">24,50 €</div>
					</td>
						<td>
						<a href="#" class="add_cart"><img src="add_cart.png" /></a>
					</td>
				</tr>
			</table>
		</div>
		<!--END block_info_product-->
		</div>
	<!--END info_product_right-->
	
	</div>
<!--END info_product-->	

<div class="wrapper_product_detail">
<div class="title_description">DESCRIPTION</div>
<div class="content_description">
<p> travel 80% for work, have had this bag for about 6 months and it's perfect! Laptop, wallet, keys, phone, headphones, notebook, EVERYTHING I need on the airplane fits in this beautiful bag. I have the black one (matches luggage) and I now can't imagine my routine without it when I'm on the road. **Highly recommend for any traveler**ProsValue, Stylish, Quality, works everywhere</p>
</div>
<!--END content_description-->
</div>
<!--END wrapper_product_detail-->


  </div>
 <!--END PRODUCT DETAIL WIDGET-->  
 
</div>
</body>
</html>